<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="../include/tag.jsp" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>技术支持</title>
    <%@include file="../include/commonFile.jsp" %>
    <link rel="stylesheet" href="${ctx}/css/common/img_text.css">
    <style>
        .top-outer img{
            margin: 0 auto;
            display: block;
        }
        .index-outside{
            width: 1160px;
            margin-top: 10px;
        }
        .left-aside{
            float: left;
            height: 100%;
            width: 195px;
            border-right: 1px solid #dbdee5;
        }
        .left-aside ul{
            margin-top: 20px;
        }
        .left-aside a.active{
            color: #e8473f;
        }
    </style>
</head>
<body>
<!--头部-->
<%@include file="../include/header.jsp" %>
<div style="background-image: url('../../image/help/head_bg.jpg');">
    <div class="top-outer">
        <img src="../../image/help/head_img.jpg" />
    </div>
</div>
<div class="index-outside content">
    <section class="pb30 no-fix">
        <div class="left-aside">
            <ul>
                <c:forEach var="title" items="${titles}">
                    <a class="aside-nav title-box tc f16 <c:if test="${title.id == help.id}">active</c:if>" href="javascript:void(0);" onclick="changeData(this,'${title.id}')">${title.title}</a>
                </c:forEach>
            </ul>
        </div>
        <div class="section-main">
            <h1 id="help_title" class="f20 mb15 tc">${help.title}</h1>
            <div id="content" class="content-border pt20">
                <div class="act-main-body img-text-content">
                    ${help.content}
                </div>
            </div>
        </div>
        <!--底部-->

    </section>
</div>
<%@include file="../include/footer.jsp" %>
<script type="text/javascript" src="${ctx}/script/common/img_text.js"></script>
<script>
    $(function () {
        imgText.initImgNew(".img-text-content");
        setTimeout(function () {
            $('.lazy-img').picLazyLoad();
        },100);
    })

    function changeData(obj,id){
        txz.ajaxRequest({
            url:"${ctx}/help/help/loadContent.do?id="+id,
            type:'get',
            callBack:function (res) {
                if(res.success){
                    $(".aside-nav").removeClass('active');
                    $(obj).addClass('active');
                    $("#help_title").html(res.data.title);
                    $(".img-text-content").html(res.data.content);
                    imgText.initImgNew(".img-text-content");

                    setTimeout(function () {
                        $('.lazy-img').picLazyLoad();
                    },100);
                }else{
                    util.layerMsgError('获取数据失败');
                }
            }
        });
    }
</script>
</body>
</html>